<template>
  <div class="container">
    {{ message }}
    <!-- <UList :myuser="users"></UList> -->
    <my-button :type="'default'" @click="fun">取消</my-button>
    <my-button :type="'success'">发送</my-button>
    <my-button :type="'error'">警告</my-button>
    <my-select></my-select>
    <component v-bind:is="currentTabComponent">12312312</component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      users: [
        {
          id: 1,
          username: '张三11111',
          password: '123456',
          age: 18,
        },
        {
          id: 2,
          username: '李四222',
          password: '123456',
          age: 20,
        },
        {
          id: 3,
          username: '王五',
          password: '123456',
          age: 22,
        },
      ],
      message: 'Hello Vue!',
      currentTabComponent: {},
    }
  },
  methods: {
    fun2() {
      console.log(event)
    },
    fun() {
      this.currentTabComponent = 'my-select'
    },
  },
  components: {},
}
</script>

<style scoped>
</style>
